<template>
  <div class="filter">
    <div class="left">
      <slot name="l"></slot>
    </div>
    <div class="right">
      <slot name="r"></slot>
    </div>
  </div>
</template>
<style lang="scss" scoped>
@import '@/assets/style/var.scss';
.filter {
  padding: 0;
  background-color: #f6f6f6;
  margin: $padding-main;
  .left,
  .right {
    margin: 10px 10px 0;
  }
  .right {
    min-width: 200px;
    text-align: right;
    align-self: flex-start;
  }
}
</style>
